<!--%import("popup.js")-->
<!--%import("popup.css")-->
<!--%import("../lang")-->
<section class="section">
	<h1>{$component_info->title} ver. {$component_info->version}</h1>
	<form action="./" method="get" onSubmit="return false" id="fo" class="x_form-horizontal">
		<div class="x_control-group">
			<label for="image_url" class="x_control-label">{$lang->image_url}</label>
			<div class="x_controls">
				<input type="text" id="image_url" value="{url_decode($manual_url)}" />
			</div>
		</div>
		<div class="x_control-group">
			<label class="x_control-label">{$lang->image_scale}</label>
			<div class="x_controls">
				<input type="text" id="width" value="0" size="4" style="width:80px" /> px
				<input type="text" id="height" value="0" size="4" style="width:80px" /> px
				<button type="button" id="get_scale" class="x_btn">{$lang->cmd_get_scale}</button>
			</div>
		</div>
		<div class="x_control-group">
			<label for="link_url" class="x_control-label">URL</label>
			<div class="x_controls">
				<input type="text" id="link_url" value=""/>
			</div>
		</div>
		<div class="x_control-group">
			<label for="open_window" class="x_control-label">{$lang->urllink_open_window}</label>
			<div class="x_controls">
				<input type="checkbox" id="open_window" value="Y" /> {$lang->about_url_link_open_window}
			</div>
		</div>
		<div class="x_control-group">
			<label for="image_alt" class="x_control-label">{$lang->image_alt}</label>
			<div class="x_controls">
				<input type="text" id="image_alt" value=""/>
			</div>
		</div>
		<div class="x_control-group">
			<label class="x_control-label">{$lang->image_align}</label>
			<div class="x_controls">
				<label for="align_normal">
					<input type="radio" name="align" value="" id="align_normal" checked="checked"/>
					<img src="./images/align_normal.gif" alt="{$lang->image_align_normal}" />
					{$lang->image_align_normal}
				</label>
				<label for="align_left">
					<input type="radio" name="align" value="left" id="align_left" />
					<img src="./images/align_left.gif" alt="{$lang->image_align_left}" />
					{$lang->image_align_left}
				</label>
				<label for="align_middle">
					<input type="radio" name="align" value="middle" id="align_middle" />
					<img src="./images/align_middle.gif" alt="{$lang->image_align_middle}" />
					{$lang->image_align_middle}
				</label>
				<label for="align_right">
					<input type="radio" name="align" value="right" id="align_right" />
					<img src="./images/align_right.gif" alt="{$lang->image_align_right}" />
					{$lang->image_align_right}
				</label>
			</div>
		</div>
		<div class="x_control-group">
			<label for="image_border" class="x_control-label">{$lang->image_border}</label>
			<div class="x_controls">
				<input type="text" id="image_border" value="0" size="2" />px
			</div>
		</div>
		<div class="x_control-group">
			<label for="image_margin" class="x_control-label">{$lang->image_margin}</label>
			<div class="x_controls">
				<input type="text" id="image_margin" value="0" size="2" />px
			</div>
		</div>
		<div class="x_clearfix btnArea">
			<div class="x_pull-right">
				<button type="button" id="btn_insert" class="x_btn x_btn-primary">{$lang->cmd_insert}</button>
				<a class="x_btn" href="{getUrl('','module','editor','act','dispEditorComponentInfo','component_name',$component_info->component_name)}" target="_blank" onclick="window.open(this.href,'ComponentInfo','width=10,height=10');return false;">{$lang->about_component}</a>
			</div>
		</div>
	</form>
</section>
